<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://wattdepot-gdata.googlecode.com/svn/trunk/src/javascript/ajile/com.iskitz.ajile.js?mvcoff,mvcshareoff,refresh"></script>
<script type="text/javascript" src="http://wattdepot-gdata.googlecode.com/svn/trunk/src/javascript/gdataloader/org.wattdepot.gdata.GDataLoader.js"></script>
<script type="text/javascript" src="http://wattdepot-gdata.googlecode.com/svn/trunk/src/javascript/htmltable/org.wattdepot.gdata.HtmlTable.js"></script>
<script type="text/javascript" src="org.wattdepot.gdata.makahiki.PowerLastFewMinutes.js"></script>
</head>

<body>
  <div id="visualization"></div>
</body>

 
<script type="text/javascript">
// Wrap this code in an anonymous self-invoking function to avoid polluting global namespace.
(function() {
  var spreadsheetUrl = 'https://spreadsheets.google.com/tq?key=0An9ynmXUoikYdEZOY1djQ014eFd2WkhUcWdvbXRtMEE';
  var refreshInterval = 15; // refresh every 15 seconds.

  // Load the visualization API and the spreadsheet, then call displayEnergy.
  var loader = new org.wattdepot.gdata.GDataLoader(displayEnergy, spreadsheetUrl, refreshInterval);  

  function displayEnergy(datatable) {
    var source = 'SIM_UH_ILIMA_FLOORS_3-4';
    var options = {width : 300, 
                   title : 'Ilima Lounge A Recent Power', 
                   captionStyle : {fontSize : '0.80em'}, 
                   titleStyle : {fontWeight : 'bold'}, 
                   globalStyle : {fontFamily : 'sans-serif'}};
    var energyChart = new org.wattdepot.gdata.makahiki.PowerLastFewMinutes();
    energyChart.draw('visualization', source, datatable, options);
  }
})();
</script>

</html>








